﻿<h2>Todos:</h2>

<div>
    <ul data-template="template-todo-list" data-bind="source: todos"></ul>
</div>

<script type="x-kendo-template" id="template-todo-list">
    <li>
        <span data-bind="text:title"></span>
        <ul data-template="template-todos" data-bind= "source: todos">

        </ul>
    </li>
</script>

<script type="x-kendo-template" id="template-todos">
    <li>
       Description: <span data-bind ="text: text"></span><br />
       Done: <span data-bind ="text: isDone"></span>      
    </li>
</script>

<a href="#/todo-list" id="btn-create-appointment" class="k-button">Back to TODOs list</a>